<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="black" name="apple-mobile-web-app-status-bar-style">
  <meta content="telephone=no" name="format-detection">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>2019元旦登高邀请函111</title>
  <!-- build:css css/index.css -->
  <link rel="stylesheet" href="./css/animate.min.css">
  <link rel="stylesheet" href="./css/swiper.min.css">
  <link rel="stylesheet" href="./css/index.css">
  <!-- endbuild -->
</head>

<body>
  <div class="radius">
    <div></div>
    <audio src="./audius.mp" controls="controls" autoplay="autoplay" loop="loop">
      Your browser does not support the audio element.
    </audio>
  </div>
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide page1">
        <div class="left_flower fl ani" swiper-animate-effect="fadeInUp"></div>
        <div class="fr right_flower ani" swiper-animate-effect='slideInRight'></div>
        <div class="logo ani" swiper-animate-effect='bounceInDown'></div>
        <div class="pagoda_box ani" swiper-animate-effect='zoomInUp' swiper-animate-delay='.5s'>
          <div class="pagoda"></div>
          <div class="slik"></div>
        </div>
        <div class="letter_box ani" swiper-animate-effect='bounceInRight'>
          <div class="letter01"></div>
          <div class="letter02 ani" swiper-animate-effect='letter02'></div>
          <div class="pager ani" swiper-animate-effect='pager'>
            <div class="line_box">
              <div class="img01"></div>
              <div class="img02"></div>
              <h2>爱满东方 明珠汇聚</h2>
              <p>2019“招商银行杯”上海市民东方明珠
                元旦登高健康跑</p>
              <div class="time">
                <p>时间：2019年1月1日9:00-10:00
                  <br>地点：东方明珠广播电视塔城市广场
                </p>

              </div>
            </div>
          </div>
          <div class="letter03">
            <div class="letter04 ani" swiper-animate-effect='bounce'></div>
            <div class="lantern ani" swiper-animaste-effect='wobble'></div>
          </div>
        </div>
        <div class="bottom_flower"></div>
      </div>
      <div class="swiper-slide page1">
        <div class="left_flower fl ani" swiper-animate-effect="fadeInUp"></div>
        <div class="fr right_flower ani" swiper-animate-effect='slideInRight'></div>
        <div class="logo ani" swiper-animate-effect='bounceInDown'></div>
        <div class="pagoda_box ani" swiper-animate-effect='zoomInUp' swiper-animate-delay='.5s'>
          <div class="pagoda"></div>
          <div class="slik"></div>
        </div>
        <div class="letter_box ani" swiper-animate-effect='bounceInRight'>
          <div class="letter01"></div>
          <div class="letter02 ani" swiper-animate-effect='letter02'></div>
          <div class="pager ani" swiper-animate-effect='pager'>
            <div class="line_box">
              <div class="img01"></div>
              <div class="img02"></div>
              <h2>爱满东方 明珠汇聚</h2>
              <p>2019“招商银行杯”上海市民东方明珠
                元旦登高健康跑</p>
              <div class="time">
                <p>时间：2019年1月1日9:00-10:00
                  <br>地点：东方明珠广播电视塔城市广场
                </p>

              </div>
            </div>
          </div>
          <div class="letter03">
            <div class="letter04 ani" swiper-animate-effect='bounce'></div>
            <div class="lantern ani" swiper-animaste-effect='wobble'></div>
          </div>
        </div>
        <div class="bottom_flower"></div>
      </div>
      <div class="swiper-slide page1">
        <div class="left_flower fl ani" swiper-animate-effect="fadeInUp"></div>
        <div class="fr right_flower ani" swiper-animate-effect='slideInRight'></div>
        <div class="logo ani" swiper-animate-effect='bounceInDown'></div>
        <div class="pagoda_box ani" swiper-animate-effect='zoomInUp' swiper-animate-delay='.5s'>
          <div class="pagoda"></div>
          <div class="slik"></div>
        </div>
        <div class="letter_box ani" swiper-animate-effect='bounceInRight'>
          <div class="letter01"></div>
          <div class="letter02 ani" swiper-animate-effect='letter02'></div>
          <div class="pager ani" swiper-animate-effect='pager'>
            <div class="line_box">
              <div class="img01"></div>
              <div class="img02"></div>
              <h2>爱满东方 明珠汇聚</h2>
              <p>2019“招商银行杯”上海市民东方明珠
                元旦登高健康跑</p>
              <div class="time">
                <p>时间：2019年1月1日9:00-10:00
                  <br>地点：东方明珠广播电视塔城市广场
                </p>

              </div>
            </div>
          </div>
          <div class="letter03">
            <div class="letter04 ani" swiper-animate-effect='bounce'></div>
            <div class="lantern ani" swiper-animaste-effect='wobble'></div>
          </div>
        </div>
        <div class="bottom_flower"></div>
      </div>
      <div class="swiper-slide page1">
        <div class="left_flower fl ani" swiper-animate-effect="fadeInUp"></div>
        <div class="fr right_flower ani" swiper-animate-effect='slideInRight'></div>
        <div class="logo ani" swiper-animate-effect='bounceInDown'></div>
        <div class="pagoda_box ani" swiper-animate-effect='zoomInUp' swiper-animate-delay='.5s'>
          <div class="pagoda"></div>
          <div class="slik"></div>
        </div>
        <div class="letter_box ani" swiper-animate-effect='bounceInRight'>
          <div class="letter01"></div>
          <div class="letter02 ani" swiper-animate-effect='letter02'></div>
          <div class="pager ani" swiper-animate-effect='pager'>
            <div class="line_box">
              <div class="img01"></div>
              <div class="img02"></div>
              <h2>爱满东方 明珠汇聚</h2>
              <p>2019“招商银行杯”上海市民东方明珠
                元旦登高健康跑</p>
              <div class="time">
                <p>时间：2019年1月1日9:00-10:00
                  <br>地点：东方明珠广播电视塔城市广场
                </p>

              </div>
            </div>
          </div>
          <div class="letter03">
            <div class="letter04 ani" swiper-animate-effect='bounce'></div>
            <div class="lantern ani" swiper-animaste-effect='wobble'></div>
          </div>
        </div>
        <div class="bottom_flower"></div>
      </div>
      <div class="swiper-slide page1">
        <div class="left_flower fl ani" swiper-animate-effect="fadeInUp"></div>
        <div class="fr right_flower ani" swiper-animate-effect='slideInRight'></div>
        <div class="logo ani" swiper-animate-effect='bounceInDown'></div>
        <div class="pagoda_box ani" swiper-animate-effect='zoomInUp' swiper-animate-delay='.5s'>
          <div class="pagoda"></div>
          <div class="slik"></div>
        </div>
        <div class="letter_box ani" swiper-animate-effect='bounceInRight'>
          <div class="letter01"></div>
          <div class="letter02 ani" swiper-animate-effect='letter02'></div>
          <div class="pager ani" swiper-animate-effect='pager'>
            <div class="line_box">
              <div class="img01"></div>
              <div class="img02"></div>
              <h2>爱满东方 明珠汇聚</h2>
              <p>2019“招商银行杯”上海市民东方明珠
                元旦登高健康跑</p>
              <div class="time">
                <p>时间：2019年1月1日9:00-10:00
                  <br>地点：东方明珠广播电视塔城市广场
                </p>

              </div>
            </div>
          </div>
          <div class="letter03">
            <div class="letter04 ani" swiper-animate-effect='bounce'></div>
            <div class="lantern ani" swiper-animaste-effect='wobble'></div>
          </div>
        </div>
        <div class="bottom_flower"></div>
      </div>
    </div>
  </div>
</body>
<!-- build:js js/index.js -->
<script src="./js/rem.js"></script>
<script src="./js/swiper.animate.min.js"></script>
<script src="./js/swiper.min.js"></script>
<script src="./js/index.js"></script>
<!-- endbuild -->

</html>